@extends('home.layout.base')
@section('content')
<div class="mainHrContent" id="hrcustomer_service">
    <div class="storelistTitle">
        <span class="storelistTitle_left">
            <span>
                <img src="{{URL::asset('./img/icon/home.png')}}">
            </span>
            <span><a href="{{route('home.index.index') }}">首页</a> >
                <a href="{{route('home.suppliermy.supplierIndex') }}">供应商中心</a>
                > 联系客服
            </span>
        </span>
        <span class="storelistTitle_right">
            <span>找不到合适的供应商？发个需求试试？</span>
            <button @click="window.location.href ='{{ route('home.demand.demandAdd')}}'">免费发布需求</button>
        </span>
    </div>
    <div class="hrContent">
        @include('home.suppliermy.menu')
        <div class="basicInfo" id="hrcustomer_services">
            <div class="basicInfo_title">
                <span></span>
                投诉建议
            </div>
            <div class="hrcustomer_serviceMain">
                <div>
                    <img src="{{URL::asset('./img/icon/bigTel.png')}}">
                    <span>平台电话：@{{detailsData.customer_mobile}}</span>
                </div>
                <div>
                    <img src="{{URL::asset('./img/icon/safeQq.png')}}">
                    <span>客服QQ：@{{detailsData.customer_qq}}</span>
                </div>
            </div>
        </div>
    </div>
</div>
<style>
    .hrcustomer_serviceMain {
        display: grid;
        grid-template-columns: repeat(2, 50%);
        align-items: center;
        margin-top: 60px;
    }

    .hrcustomer_serviceMain>div {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .hrcustomer_serviceMain>div>img {
        height: 60px;
        width: 60px;
        margin-bottom: 37px;
    }

    .hrcustomer_serviceMain>div>span {
        font-size: 16px;
        font-family: Source Han Sans CN;
        font-weight: bold;
        color: rgba(51, 51, 51, 1);
    }
</style>
@endsection
@section('compontentScipts')
<script>
    $(() => {
        let hrcustomer_service = new Vue({
            el: '#hrcustomer_services',
            data: () => {
                return {
                    pageNumber: 1,
                    detailsData: {}
                }
            },
            created() {
                let data = {}
                apiAjax("{{ route('home.public.config')}}", 'get', data, (res) => {
                    if (res.code == 0) {
                        this.detailsData = res.data;
                    } else {
                        this.$message({
                            message: res.msg,
                            type: 'warning'
                        });
                    }
                }, (erro) => {

                });
            },
            mounted() {},
            methods: {}
        })
    })
</script>
@endsection